<template>
    <div id="main" class="app-main">
           <!-- 路由匹配到的组件将渲染在这里 -->
        <transition name="fade">
              <router-view ></router-view>
      </transition>
  <!--    <div style="border: 1px solid #bbbbbb;width: 500px;height: 200px;">
        <router-view name="b"></router-view>
      </div>
      <div style="border: 1px solid #bbbbbb;width: 500px;height: 200px;">
        <router-view  name="c"></router-view>
      </div>-->
    </div>
</template>
<script>
    export default {
        data () {
            return {
            };
        },
        mounted () {

        },
        beforeDestroy () {

        },
      methods: {
      },
      computed: {
      }
    };
</script>

<style>
html,body{
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    overflow: hidden;
  margin: 0px;
}
.app-main{
    width: 100%;
    height: 100%;
}
</style>
